<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>字幕组</title>
    <!-- Bootstrap -->
    <link href="/Public/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <style type="text/css">
        body {
            font-size: 12px !important;
            font-family: 'Microsoft YaHei', "宋体", Geneva, sans-serif;
            line-height: 150%;
            color: #575757;
            margin: 0;
            padding: 0;
            background: #eeeeee;
        }
        .navbar{
            display: block;
            position: relative;

        }

        .news{
           top: 0px;
            margin: 0px;
        }
        #bs-example-navbar-collapse-2{
            float: right;
        }
        .label{
            float: right;
            color: #FFFFFF;
        }

        .t-title{
            border-radius: 5px;
            height: 30px;
            background-color: #333;
        }
        .t-name{
            margin: 0px;
            color: #FFFFFF;
            padding: 6px 18px;
        }
        .middle{
            top: 8px;
            position: relative;
        }
        .row{
            margin-right: -15px;
            margin-left: -15px;
            margin-bottom: 25px;
            margin-top: 25px;
        }

    </style>

    <!--------幻灯片js------->
    <link rel="stylesheet" href="/Public/css/lrtk.css">
    <script type="text/javascript" src="/Public/js/lrtk.js"></script>
    <script>
        window.onload = function()
        {
            var oBox = document.getElementById('box');
            var oPrev = getByClass(oBox,'prev')[0];
            var oNext = getByClass(oBox,'next')[0];
            var oBigUl = getByClass(oBox,'bigUl')[0];
            var aLiBig = oBigUl.getElementsByTagName('li');
            var oNumUl = getByClass(oBox,'numberUl')[0];
            var aLiNumber = oNumUl.getElementsByTagName('li');
            var oTextUl = getByClass(oBox,'textUl')[0];
            var aLiText = oTextUl.getElementsByTagName('li');
            var nowZindex = 1;
            var now = 0;
            function tab()
            {
                for(var i=0; i<aLiNumber.length; i++)
                {
                    aLiNumber[i].className = '';
                }
                aLiNumber[now].className = 'night';

                aLiBig[now].style.zIndex = nowZindex++;
                aLiBig[now].style.opacity = 0;
                startMove(aLiBig[now],'opacity',100);
                for(var i=0; i<aLiText.length; i++)
                {
                    aLiText[i].style.display = 'none';
                }
                aLiText[now].style.display = 'block'

            }

            for(var i=0; i<aLiNumber.length; i++)
            {
                aLiNumber[i].index = i;
                aLiNumber[i].onclick = function()
                {

                    if(this.index==now)return;
                    now = this.index;

                    tab();
                }
            }
            oNext.onmouseover = oPrev.onmouseover = oBigUl.onmouseover = function()
            {
                startMove(oPrev,'opacity',100);
                startMove(oNext,'opacity',100)
            }
            oNext.onmouseout = oPrev.onmouseout = oBigUl.onmouseout = function()
            {
                startMove(oPrev,'opacity',0);
                startMove(oNext,'opacity',0)
            }
            oPrev.onclick = function()
            {
                now--
                if(now==-1)
                {
                    now=aLiNumber.length-1;
                }
                tab();
            }

            oNext.onclick = function()
            {
                now++
                if(now==aLiNumber.length)
                {
                    now=0;
                }
                tab();
            }

            var timer = setInterval(oNext.onclick,3000)
            oBox.onmouseover = function()
            {
                clearInterval(timer)
            }
            oBox.onmouseout = function()
            {
                timer = setInterval(oNext.onclick,3000)//¸Ä±äËÙ¶ÈÐÞ¸Ä3000 £¬ÀýÈç3000=3ÃëÖÓ
            }
        }
    </script>
    <!--------幻灯片js------->
</head>

<body>
<!------  导航条开始 ------->
<div class="bs-example bs-navbar-top-example" data-example-id="navbar-fixed-to-top">
    <nav class="navbar navbar-inverse" role="navigation">
        <!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the narrow content columns. -->
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="<?php echo U('Index/index');?>">字幕组</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6">
                <ul class="nav navbar-nav">
                    <li><a href="<?php echo U('Index/index');?>">首页</a></li>

                    <li><a href="<?php echo U('News/Index');?>">资讯</a></li>
                    <li><a href="<?php echo U('Movie/Index');?>">影视库</a></li>


                </ul>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入搜索关键字">
                        </div>
                        <button type="submit" class="btn btn-default">查找</button>
                    </form>
                </div>
            </div><!-- /.navbar-collapse -->
            <iframe id="tmp_downloadhelper_iframe" style="display: none;"></iframe></div>
    </nav>
</div>

<div class="container col-md-12">



    <!-----中部----->
    <div class="middle">
        <!------新闻资讯------->
        <div class="news col-md-4" data-example-id="hoverable-table">
            <div class="t-title">
                <h4 class="t-name">新闻资讯 <span class="label label-default">More</span></h4>
            </div>
            <table class="table table-hover">
                <?php if(is_array($articles)): $i = 0; $__LIST__ = $articles;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$a): $mod = ($i % 2 );++$i;?><tr>
                            <!----
                            <input type="hidden" name="ids[]" value="<?php echo ($a["id"]); ?>">
                            ----->
                            <th><a href="<?php echo U('Show/index',array('id'=>$a['id']));?>" color="#FFFFFF"><?php echo ($a["title"]); ?></a></th>
                        </tr><?php endforeach; endif; else: echo "" ;endif; ?>
            </table>
        </div>
        <!----幻灯片------>
        <div id="box" class="box col-md-4">
            <div class="prev"></div>
            <div class="next"></div>
            <ul class="bigUl">
                <?php if(is_array($articles)): $i = 0; $__LIST__ = $articles;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$a): $mod = ($i % 2 );++$i;?><li><a href="<?php echo U('Show/index',array('id'=>$a['id']));?>"><img src="<?php echo ($a["thumb"]); ?>" alt="" width="365px" height="230px"/></a></li><?php endforeach; endif; else: echo "" ;endif; ?>
            </ul>
            <ul class="numberUl">
                <li class="night"><a href="javascript:;">1</a></li>
                <li><a href="javascript:;">2</a></li>
                <li><a href="javascript:;">3</a></li>
                <li><a href="javascript:;">4</a></li>
                <li><a href="javascript:;">5</a></li>
                <li><a href="javascript:;">6</a></li>


            </ul>
            <div>
                <ul class="textUl">
                    <?php if(is_array($articles)): $i = 0; $__LIST__ = $articles;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$a): $mod = ($i % 2 );++$i;?><li><a href="<?php echo U('Show/index',array('id'=>$a['id']));?>"><?php echo ($a["title"]); ?></a></li><?php endforeach; endif; else: echo "" ;endif; ?>
                </ul>
            </div>
        </div>
        <!------最新影评------->
        <div class="news col-md-4" data-example-id="hoverable-table">
            <div class="t-title">
                <h4 class="t-name">最新影评 <span class="label label-default">More</span></h4>
            </div>
            <table class="table table-hover">
                <?php if(is_array($yingping)): $i = 0; $__LIST__ = $yingping;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$yp): $mod = ($i % 2 );++$i;?><tr>
                    <th><a href="<?php echo U('Show/index',array('id'=>$yp['id']));?>"><?php echo ($yp["title"]); ?></a></th>
                </tr><?php endforeach; endif; else: echo "" ;endif; ?>
            </table>
        </div>
    </div>
    <!-----最新发布------>
    <div class="news col-md-12" data-example-id="simple-thumbnails">
        <div class="t-title">
            <h4 class="t-name">最新发布 <span class="label label-default">More</span></h4>
        </div>
        <div class="row">
            <?php if(is_array($articles)): $i = 0; $__LIST__ = $articles;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$a): $mod = ($i % 2 );++$i;?><div class="col-xs-2 col-md-2">

                <a href="<?php echo U('Show/index',array('id'=>$a['id']));?>">
                    <img  alt="最新发布" style="height: 140px; width: 100%; display: block;" src="<?php echo ($a["thumb"]); ?>" width="365px" height="180px" data-holder-rendered="true">
                </a>
                <div class="caption">
                    <h5><?php echo ($a["title"]); ?></h5>
                </div>

            </div><?php endforeach; endif; else: echo "" ;endif; ?>
        </div>
    </div>

    <!-----底部------>
    <div class="footer">

            <div class="news col-md-12 ">
                <div class="t-title">
                    <h4 class="t-name">友情链接 </h4>
                </div>
                <div class="panel-body">
                    <span class="col-md-2"><a href="http://www.subhd.com" >Sub HD字幕站</a> </span>
                    <span class="col-md-2"><a href="http://www.2tu.cc">迅播影院</a></span>
                    <span class="col-md-2"><a href="http://www.mp4ba.com">MP4吧</a></span>
                    <span class="col-md-2"><a href="http://www.letv.com">乐视视频</a></span>
                    <span class="col-md-2"><a href="http://www.youku.com">优酷网</a></span>
                    <span class="col-md-2"><a href="http://www.pptv.com">PPTV</a></span>
                </div>
           </div>

    </div>
</div>




<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/Public/js/jquery.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/Public/bootstrap/js/bootstrap.min.js"></script>


</body>
</html>